<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="style.css">
	</head>
	<body>

		<div id="aaa">
			<p>Yo.A</p>
		</div>
		<div id="bbb">
			<p>Yo.B</p>
		</div>


		
		<hr>
		<h2>以上是jQuery对样式获取、增加、删除操作</h2>
		<br>

		
		<button id="card-trigger">显示/隐藏</button>
		<div id="card">
			<h1>公告</h1>
			<a>nginx [engine x] is an HTTP and reverse proxy server, a mail proxy server, and a generic TCP/UDP proxy server</a>
		</div>



		<hr>
		<h2>以上是jQuery对样式获取、增加、删除操作</h2>
		<br>

		<div class="change"  check="1234">
			<a href="http://www.baidu.com">百度</a>
		</div>



		<hr>
		<h2>以上是jQuery对元素属性的操作</h2>
		<br>

		
		<form id="login" action="result.html">
			用户名：<input type="text">
			<br>
			密  码：<input type="password">
		</form>
		<button id="login-trigger">登陆</button>
		<br>
		<input id="nickname" value="大家好，我渣渣辉" type="text">

	

		<hr>
		<h2>以上是jQuery对表单的操作</h2>
		<br>



		<hr>
		<h2>以上是jQuery  ajax的用法</h2>
		<br>
	</body>
	<script src="jquery.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="main.js" type="text/javascript" charset="utf-8"></script>
	</html>
